<template>
  <div class="wrapper">
    我是子组件
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data () {
    return {
      sonValue: 100
    }
  },
  beforeCreate () {
    console.log('-----------------------------------------子beforeCreate----')
  },
  created () {
    console.log('-----------------------------------------子created----')
    this.$emit('aa', this.sonValue)
  },
  beforeMount () {
    console.log('-----子beforeMount----')
  },
  mounted () {
    console.log('-----子mounted----')
  },
  beforeUpdate () {
    console.log('-----子beforeUpdate----')
  },
  updated () {
    console.log('-----子updated----')
  },
  beforeDestroy () {
    console.log('-----子beforeDestroy----')
  },
  destroyed () {
    console.log('-----子destroyed ----')
  }
}
</script>
